<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>查看发票</title>
		<meta name="viewport" content="width=device-width,height=device-height, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="renderer" content="webkit" />
		<meta name="aplus-xplug" content="NONE">
		<link rel="stylesheet" type="text/css" href="/static/layui/css/layui.css" />
		<link rel="stylesheet" type="text/css" href="/static/iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="/static/layui/css/modules/admin/default/admin.css" />
		<link rel="stylesheet" type="text/css" href="/static/css/new_layui.css" />
		<link rel="stylesheet" type="text/css" href="/static/css/default.css" />
		<script type="text/javascript" charset="utf-8" src="/static/layui/layui.js"></script>
		<script type="text/javascript" charset="utf-8" src="/static/js/index.js"></script>
		<style>
			#shopping_list{color: #3c3c3c;}
			#shopping_list .layui-form-radio{
				padding-left: 20px;
				display: block;
			}
			#shopping_list .layui-form-radioed{
				border: 1px solid #119fff;
				background-color: #D9EDF7;
				margin: 5px 0 7px;
				-webkit-box-shadow: 5px 5px 0 #f3f3f3;
				box-shadow: 5px 5px 0 #f3f3f3;
				
				}
			#shopping_list .layui-form-radioed div{font-size: 16px;font-weight: bold; line-height: 36px;}
			#shopping_list .phone{font-weight: 700; font-size: 16px; color: grey;}
			#shopping_list .edit_shopping{padding-left: 10px; font-weight: normal; color: #ff6600; display: inline;}
			.express_no{ color: #0077CF;}
			.color-red{ color: #FF6600;}
			.express_time{font-size: 12px; color: #808080;}
			.layui-field-box .layui-form-item{
				margin-bottom: 0px;
			}
			.invoice-link{
				background: #2F4056; 
				padding: 4px 10px; 
				border-radius: 3px;
				font-style: italic; 
				vertical-align: middle;
			}
			.layui-row .layui-input-block{
				display: grid;
				margin-left: 90px;
			}
			form .layui-row .layui-form-item .layui-form-label{
				width: 80px;
				padding: 9px 0;
			}
			.input-red{
				text-align: center;
				color: #ff6600;
				padding-left: 0px;
				border-color:#ff6600;
				font-size: 18px;
			}
			input:disabled{
				border-color:#F6F6F6;
			}
			.layui-card{
				border: 1px solid #FF6600;
			}
			.layui-card::before{
				position: absolute;
				left: -8px;
				top: -10px;
				font-size: 40px;
				font-family:"layui-icon";
				content: "\e625";
				color: #FF6600;
				transform:rotate(135deg);
			}
			.purchase-ok .layui-card{
				border: 1px solid #5FB878;
			}
			.purchase-ok .layui-card::before{
				position: absolute;
				left: -8px;
				top: -10px;
				font-size: 40px;
				font-family:"layui-icon";
				content: "\e625";
				color: #5FB878;
				transform:rotate(135deg);
			}
			.purchase-ok .layui-card::after{
				position: absolute;
				left: 8px;
				top: 6px;	
				font-size: 12px;
				font-family:"layui-icon";
				content: "\e605";
				color: #FFFFFF;
			}
			.purchase-ok .purchase-btn{
				display: none;
			}
			.purchase-ok .color-red,.purchase-ok .input-red{ color: #5FB878;}
			.purchase-ok .layui-form-select .layui-edge{
				display: none;
			}
			.purchase-ok .layui-select-disabled .layui-disabled{
				color: #5FB878!important;
			}
			.layui-form-item{
				margin-bottom: 0px;
			}
			.invoice-link{
				font-size: 12px;
				padding: 8px 15px;
			}
		</style>
	</head>

	<body class="default">
		<div style="margin: 30px 20px;">

			<form class="layui-form" lay-filter="tpl_purchase_order" action="">
				<div class="layui-form-item">
					<label class="layui-form-label">开票方式</label>
					<div class="layui-input-inline">
						<span style="font-size: 16px; color: #ff6600; line-height: 38px;">{$data.builder_type_text}</span>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">发票类型</label>
					<div class="layui-input-block">
						<span style="font-size: 16px; color: #ff6600; line-height: 38px;">{$data.invoice_type_text}</span>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">发票抬头</label>
					<div class="layui-input-inline">
						<span style="font-size: 16px; color: #ff6600; line-height: 38px;">{$data.invoice_title}</span>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">税号</label>
					<div class="layui-input-inline">
						<span style="font-size: 16px; color: #ff6600; line-height: 38px;">{$data.invoice_duty}</span>
					</div>
				</div>
				{if condition="$data['invoice_type'] NEQ 1"}
				<div class="layui-form-item invoice-type3">
					<label class="layui-form-label">公司地址</label>
					<div class="layui-input-inline">
						<span style="font-size: 16px; color: #ff6600; line-height: 38px;">{$data.invoice_addr}</span>
					</div>
				</div>

				<div class="layui-form-item invoice-type3">
					<label class="layui-form-label">公司电话</label>
					<div class="layui-input-inline">
						<span style="font-size: 16px; color: #ff6600; line-height: 38px;">{$data.invoice_tel}</span>
					</div>
				</div>
				<div class="layui-form-item invoice-type3">
					<label class="layui-form-label">开户银行</label>
					<div class="layui-input-inline">
						<span style="font-size: 16px; color: #ff6600; line-height: 38px;">{$data.invoice_bank}</span>
					</div>
				</div>

				<div class="layui-form-item invoice-type3">
					<label class="layui-form-label">开户账号</label>
					<div class="layui-input-inline">
						<span style="font-size: 16px; color: #ff6600; line-height: 38px;">{$data.invoice_account}</span>
					</div>
				</div>
				{/if}
				<div class="layui-form-item">
					<label class="layui-form-label">开票内容</label>
					<div class="layui-input-block">
						<span style="font-size: 16px; color: #ff6600; line-height: 38px;">{$data.invoice_content}</span>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">开票金额</label>
					<div class="layui-input-inline">
						<span style="font-size: 16px; color: #ff6600; line-height: 38px;">{$data.invoice_money}元</span>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">开票明细</label>
					<div class="layui-input-block">
						<table class="layui-hide" id="invoice_detail_list" lay-filter="invoice_detail_list"></table>
					</div>
				</div>
				{if condition="$data['invoice_proof'] NEQ ''"}
				<div class="layui-form-item">
					<label class="layui-form-label">发票凭证</label>
					<div class="layui-input-inline" style="margin-top: 10px;">
						<span class="invoice-link">
							<a href="{$data.invoice_proof.save_path}" style="color: #ffffff;" target="_blank">
								<i class="layui-icon layui-icon-link"></i>查看发票</a>
						</span>
					</div>
				</div>
				{/if}
				{if condition="$data['post_state'] EQ 1"}
				<div class="layui-form-item">
					<label class="layui-form-label">收票地址</label>
					<div class="layui-input-inline">
						<span style="font-size: 16px;line-height: 38px;">{$data.post_addr}</span>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">收票人</label>
					<div class="layui-input-inline">
						<span style="font-size: 16px;line-height: 38px;">{$data.post_realname}</span>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">收票人电话</label>
					<div class="layui-input-inline">
						<span style="font-size: 16px;line-height: 38px;">{$data.post_phone}</span>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">配送公司</label>
					<div class="layui-input-inline">
						<span style="font-size: 16px;line-height: 38px;">{$data.express_name}</span>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">配送单号</label>
					<div class="layui-input-inline">
						<span style="font-size: 16px;line-height: 38px;">{$data.express_no}</span>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">配送单号</label>
					<div class="layui-input-inline">
						<span style="font-size: 16px;line-height: 38px;">{$data.express_no}</span>
					</div>
				</div>
				<div class="layui-form-item">
					<label class="layui-form-label">配送时间</label>
					<div class="layui-input-inline">
						<span style="font-size: 16px;line-height: 38px;">{$data.post_time}</span>
					</div>
				</div>
				{/if}
				<div class="layui-form-item" style="margin-top: 50px;">
					<div class="layui-input-block">
						<button type="button" id="close_page" class="layui-btn layui-btn-primary">关闭</button>
					</div>
				</div>
			</form>
		</div>
		<script>
			var invoice_id = "{$invoice_id}",
				upload_uri = "{:url('Upload/uploadOne')}",
				cols_detail = {$cols},
				cart_id = "{$data.cart_ids}",
				ajax_detail_url = "{:url('Invoice/ajaxDetail')}",
				save_alone_invoice_url = "{:url('Invoice/saveAloneInvoice')}";
		</script>
		<script src="/static/js/invoice/detail.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
